<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>People - Comics.US</title>
<link rel="stylesheet" href="../template.css" type="text/css" />

<style type="text/css">
.style1 {
	text-decoration: underline;
}
</style>

</head>
<body style="background: transparent url('../../image/background/bg1t.png') no-repeat fixed center top">

<div id="outer_container">
  <div id="inner_container">
    <div id="header_wrapper">
      <h1> Comics-US
          
      </h1>

      <div id="login">
        Welcome {{username}}&nbsp &nbsp
        <form id="form1" name="form1" method="post" action="accounts/logout">
           Not you?<label> <a href="accounts/logout"> <!-- <laber> --> 
            <input type="submit" name="logout" id="button" value="Log Out" width="15px" /></a>
          </label>
        </form>
      </div>  
    </div>
    <div id="navigator_container">
    		<div id="navigator"><a href="home" id="gl1" class="glink"> Home  |   </a><a href="comics" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);"> Comics  |   </a><a href="fiction" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);"> Fictions  |   </a><a href="gallery" id="gl4" class="glink" onmouseover="ehandler(event,menuitem3);"> Gallery  |   </a><a href="clan" id="gl5" class="glink" onmouseover="ehandler(event,menuitem3);"> Clans  |   </a><a href="people" id="gl7" class="glink" onmouseover="ehandler(event,menuitem3);"> People  |   </a><a href="profile/{{me}}" id="gl6" class="glink" onmouseover="ehandler(event,menuitem3);"> Profile </a></div>


      <div id="search_container">
        <form id="form2" name="form2" method="post" action="">
          <label>
            <input type="text" name="textfield3" id="textfield3" />
            <input type="submit" name="button" id="button" value="Search" width="15px" />
          </label>
        </form>
      </div>
    </div>
    <div id="listing_header_container">
      <p>Breadcrumb (remain the same for all pages)</p>
    </div>
    <div id="clan_listing">
    	<div id="left_clan_listing">
		 {% for f in users %} 
			<div id="single_clan_listing_pic">
				<a href="profile/{{f.username}}"> <img src="../profile_pic/{{f.username}}.jpg" alt="{{f.username}}'s picture" style="height:100px"/></a></div>
			<div id="single_clan_listing_text"><strong>Name-</strong> test<br />
				<strong>Rate-</strong> test<br />
				<strong>Member since-</strong><a href="../profile/other profile page.html"> <u>test</u> </a><br />
			  <strong>Work-</strong> test<br />
				<strong><span class="style1"><a href="specific.html" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">More</a></span></strong></div>
			{% endfor %}
		</div>
		
		<div id="right_clan_listing">
		{% for f in users%} <!-- output next top 5 rated users -->
		<div id="single_clan_listing_pic">
			<a href="profile/{{f.username}}"> <img src="../profile_pic/{{f.username}}.jpg" alt="{{f.username}}'s picture" style="height:100px"/></a></div>
			<div id="single_clan_listing_text"><strong>Name-</strong> test<br />
              <strong>Rate-</strong> test<br />
              <strong>Membersince-</strong><a href="../profile/other profile page.html"> <u>test</u></a><br />
    <strong>Work-</strong> test<br />
				<strong><span class="style1">
				<a href="specific.html" id="gl7" class="glink" onmouseover="ehandler(event,menuitem2);">More</a></span></strong></div>
			{% endfor %}
		</div>
    </div>
    <div id="footer_container">
    footer_container
    </div>
  </div>
</div>
</body>
</html>

